 /**** DnD ****/

.dnd .members {
 	float: left;
	width: 45%;
}

.dnd .todos {
 	float: right;
	width: 45%;
 }

 .dnd .todo,
 .dnd .member {
 	/*border: 1px solid #bbb;*/
	line-height: 25pt;
	padding: 0.1em;
	margin: 0.1em;
	background-color: white;
 }

 .dnd .hover {
 	border: 1px dotted red;
	background-color: #fdd;
 }


/**** Welcome ****/

.welcome h2 {
	margin: auto;
	background-color: #aaa;
	text-align: center;
}

.welcome .members {
	float: left;
	width: 45%;
}

.welcome .todos {
	float: right;
	width: 45%;
}

/**** Member ****/

.member .id {
	font-size: 120%;
	font-weight: bold;
	display: block;
	float: left;
	color: #ccc;
}

.member {
	line-height: 25pt;
}

/**** Form ****/

form label,
form textarea,
form input {
	width: 15em;
}

form input.submit {
	width: 15em;
	margin-top: 1em;
	margin-left: 16.6em;
}

form label {
	margin: 0.2em;
	text-align: right;
	font-style: italic;
	display: block;
	float: left;
	padding-right: 1em;
}

.fieldWithErrors {
	display: inline;
}

/**** Defaults ****/
* {
	font-family: sans-serif;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

select, input, textarea {
	border: 1px solid #ccc;
	margin: 0.2em;
}

.fieldWithErrors select,
.fieldWithErrors input,
.fieldWithErrors textarea {
	border: 1px solid red
}

.errorExplanation {
	color: red;
	margin: 1em;
	margin-left: 10em;
}

.errorExplanation p {
	font-size: 15pt;
}

.errorExplanation ul {
	margin-left: 2em;
}

a, a:link, a:hover, a:visited {
	text-decoration: none;
	color:red
}

/**** Layout ****/

#footer {
	background-color: #eee;
	height: 40pt;
	position:fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

h1 {
	line-height: 40pt;
	margin: 1em;
}

h2 {
	margin: 1em;
	margin-top: -2em;
	text-align: right;
	font-size: 20pt;
}

h3 {
	font-size: 25pt;
	font-weight: bold;
	display: block;
	margin-left: -1em;
	margin-top: 1em;
	color: #ccc;
}

h4 {
	font-size: 11pt;
	text-align:justify;
	color: #ccc;
	margin: 10pt 10pt 10pt 10pt;
}

#header h1 a {
	font-size: 30pt;
	font-style: italic;
	color: #ccc;
}

#header {
    border: solid black 1pt;
	margin: 5pt 5pt 0pt 5pt;
	text-align: center;
	font-size: 1em;
	background: #2C4056;
	color: #fff;
}

/* phil - Menu deroulant JS */
div.slide_menu {
	margin: 0px 0px 0px 5pt;
	width: 150px;
	height: 20px;
	overflow: hidden;
	border: 1px solid black;
	background-color: #f9f9f9;
}

div.slide_menu span, div.slide_menu a {
	display: block;
	padding: 0 2px;
}

div.slide_menu a:hover {
	background: #f5f5f5;
}
/* Damien - Welcome page  */
 
#main-menu {margin: 0px 5pt 0px 5pt;height:28px; background:#ddd; border: solid black 1pt;}
#main-menu ul {margin: 0;  padding: 0;}
#main-menu li {
  float:left;
  list-style-type:none;
  margin: 0px 2px 0px 0px;
  padding: 0px 0px 0px 0px;
  white-space:nowrap;
}
#main-menu li a {
  display: block;
  color: #aaa;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 4px 10px 4px 10px;
}
#main-menu li a:hover {background:#759FCF; color:#fff;}
#main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}

#login {margin: 0px 5pt 0px 5pt;height:28px; background:#ddd; border: solid black 1pt;}
#login ul {margin: 0;  padding: 0;}
#login li {
  float:right;
  list-style-type:none;
  margin: 0px 2px 0px 0px;
  padding: 0px 0px 0px 0px;
  white-space:nowrap;
}
#login li a {
  display: block;
  color: #000;
  text-decoration:underline;
  font-weight: bold;
  margin: 0;
  padding: 4px 10px 4px 10px;
}

#block {
	background-color:#2C4056;
	margin: 0pt 50pt 0pt 160pt;
	position:fixed;
	height: 80%;
	width: 80%;
	padding: 1pt 1pt 1pt 1pt;
}